<template>
	<view class="gift-list">
		<view class="list-item" v-for="(item,index) in giftData" :key="index">
			<navigator :url="`../../pages/basic/goodsdetail?id=${item.id}`">
				<view class="item-cell">
					<view class="left-box">
						<image class="img" :src="item.image_url" mode=""></image>
					</view>
					<view class="right-box">
						<view class="title">
							{{item.name}}
						</view>
						<view class="detail-num">
							<text class="red">￥{{item.price}}</text>
							<text class="grey">￥{{item.official_price}}</text>
						</view>
						<view class="bottom-content">
							<text class="txt">已售{{item.sales}}件</text>
							<button class="button" type="default">立即秒杀</button>
						</view>
					</view>
				</view>
			</navigator>
		</view>
	</view>
</template>
<script>
	export default {
		name:"giftList",
		props:{
			giftData:{
				type:Array,
				default:[]
			}
		}
	}
</script>
<style lang="scss" scoped>
	@import "../style/gift_list.scss"
</style>
